<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="gg.css" type="text/css">
    <link rel="stylesheet" href="shouye.css" type="text/css">
</head>
<body>
    <div class="header">我的课程</div>

    <div class="a">
        <div class="a1">
            <div class="a1_A"><img src="./img/item_001.png" alt=""></div>
        <div class="a2"><p>课表</p></div>
        </div>

        <div class="a1">
            <div class="a1_A"><img src="./img/item_002.png" alt=""></div>
        <div class="a2"><p>消息</p></div>
        </div>

        <div class="a1">
            <div class="a1_A"><img src="./img/item_003.png" alt=""></div>
        <div class="a2"><p>下载</p></div>
        </div>
    </div>

        <input type="radio" id="one" name="b">
        <input type="radio" id="tow" name="b">
        <input type="radio" id="three" name="b">
        <input type="radio" id="fore" name="b">
    <div class="b-box">

        <div class="b">
            <label class="b1" for="one">全部课程</label>
            <label class="b1" for="tow">待学课程</label>
            <label class="b1" for="three">已学课程</label>
            <label class="b1" for="fore">过期课程</label>
        </div>
        <div class="b2">
            <div class="b2-A">
                <div class="b2-A1">
                    <a href="#" class="b2-A1-a">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                    
                    <a href="#" class="b2-A1-a b2-A1-b">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_02.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-c">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_03.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-d">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                </div>
            </div>
            <div class="b2-A">
                <div class="b2-A1">
                    <a href="#" class="b2-A1-a">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                    
                    <a href="#" class="b2-A1-a b2-A1-b">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_02.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-c">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_03.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-d">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                </div>
            </div>
            <div class="b2-A">
                <div class="b2-A1">
                    <a href="#" class="b2-A1-a">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                    
                    <a href="#" class="b2-A1-a b2-A1-b">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_02.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-c">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_03.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-d">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                </div>
            </div>
            <div class="b2-A">
                <div class="b2-A1">
                    <a href="#" class="b2-A1-a">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                    
                    <a href="#" class="b2-A1-a b2-A1-b">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_02.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-c">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_03.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>

                    <a href="#" class="b2-A1-a b2-A1-d">
                        <div class="b2-A1-a-img">
                            <img src="./img/book_01.png" alt="">
                            <span>精品推荐</span>
                        </div>
                        <div class="b2-A1-a-box">
                            <h2>轻松搞定中考满分之路修炼宝典</h2>
                            <p>共30课时 | 3月18日 17:00开课 </p>
                            <div class="b2-A1-a-box-1">
                                <div class="b2-A1-a-box-1A"><img src="" alt=""></div>
                                <div class="b2-A1-a-box-1B">
                                    <h3>讲课老师：布吉岛丁</h3>
                                    <h4>在线教育出品</h4>
                                </div>
                            </div>
                                <h5>共101人学习</h5>
                        </div>
                            <button class="b2-A1-a-box-2">开始学习</button>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <ul>
            <li onclick="location.href='shouye.html'">
                <img src="./img/下载 (2).png" alt="">
                <p>首页</p>
            </li>
            <li onclick="location.href='xuexi.html'">
                <img src="./img/下载 (1).png" alt="">
                <p>学习</p>
            </li>
            <li onclick="location.href='wode.html'">
                <img src="./img/下载.png" alt="">
                <p>我的</p>
            </li>
        </ul>
    </div>
    
</body>
</html>